<template>
  <div id="app">
    <router-view class="router-view" :class="{'noScroll':noScrollFlag}" v-wechat-title="$route.meta.title" img-set=" "></router-view>
    <!-- <router-view class="router-view" v-wechat-title="$route.meta.title" :img-set="'../static/images/logo.png'"></router-view> -->
  </div>
</template>

<script>
  import {mapGetters} from 'vuex'
  export default {
    name: 'app',
    computed: {
      // 映射State
      ...mapGetters([
        'noScrollFlag'
      ])
    }
  }
</script>

<style lang="less">
  .noScroll{
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .slide-down-enter-active, .slide-down-leave-active {
    transition: all .4s cubic-bezier(0, 1.2, 1, 0.5);
    opacity: .7;
    transform: translate3d(0, 6em, 0);
  }
  .slide-down-enter, .slide-down-leave-active {
    opacity: .1;
    transform: translate3d(0, 6em, 0);
  }
</style>
